#wechat {
    .wechat-list {
        position: relative;
        overflow-x: hidden;
        z-index: 1;
        .list-row {
            height: 64px;
            position: relative;
            overflow: hidden;
            &.item-hide {
                transition: 0.3s;
                height: 0px;
                &:after {
                    content: "";
                    position: absolute;
                    z-index: 2;
                    top: 1px;
                    bottom: 1px;
                    width: 100%;
                    background: rgba(0, 0, 0, 0.3)
                }
            }
            &:last-child:after {
                content: "";
                position: absolute;
                width: 200%;
                left: 0;
                z-index: 10;
                left: 8px;
                bottom: 0;
                transform: scale(.5);
                transform-origin: 0 0;
                -webkit-transform: scale(.5);
                -webkit-transform-origin: 0 0;
                background-color: #b7b7b7;
                height: 1px;
            }
            .list-info {
                position: relative;
                z-index: 2;
                left: 0;
                width: 100%;
                height: 64px;
                padding: 8px;
                background-color: #fff;
                .header-box {
                    position: relative;
                    float: left;
                    width: 48px;
                    height: 48px;
                    margin-right: 10px;
                    .header {
                        height: 100%;
                        border-radius: 5px;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        align-items: center;
                        overflow: hidden;
                        background: #dddbdb;
                        width: 100%;
                        img {
                            width: 30%;
                            height: auto;
                             flex-grow: 2;
                            border: 0;
                        }
                        &.multi-header {
                            img {
                                margin: 1px;
                            }
                        }
                    }
                }
                .desc-box {
                    overflow: hidden;
                    .desc-time {
                        float: right;
                        color: #b8b8b8;
                    }
                    .desc-author {
                        height: 25px;
                        line-height: 25px;
                        font-size: 16px;
                        color: #000;
                    }
                    .desc-msg {
                        height: 23px;
                        line-height: 23px;
                        font-size: 14px;
                        color: #888;
                        .desc-mute {
                            float: right;
                            color: #b8b8b8;
                        }
                    }
                }
            }
            .operate-box {
                position: absolute;
                z-index: 1;
                height: 100%;
                right: 0;
                top: 0;
                display: flex;
                &>div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: #c7c7cc;
                    color: #fff;
                    font-size: 16px;
                    padding: 0 12px;
                }
                .operate-del {
                    background-color: #ff3b30;
                }
            }
        }
    }
}